<template>
  <div>
    <input type="checkbox" :checked="checked"
    @change="updateValue($event.target.checked)">
  </div>
</template>

<script setup>
defineOptions({
    name: 'mycheckbox'
})
defineProps({
    checked: {
        type: Boolean
    }
})

const emit = defineEmits(['update:checked'])
const updateValue = (value) => {
    emit('update:checked', value)
}

</script>

<style  lang="scss" scoped>
</style>